<template>
  <div>
    <div class="wallet">
      <p class="txt">余额</p>
      <p class="account">
        0.00元
      </p>
      <p class="btn_box">
        <el-button
          type="default"
          style="width:12rem"
        >充值</el-button>
      </p>
      <p class="btn_box">
        <el-button
          type="success"
          style="width:12rem"
        >提现</el-button>
      </p>
      <!-- 余额明细 -->
      <el-table
        :data="detail"
        style="width: 100%"
        :border="true"
      >
        <el-table-column
          prop="prop"
          label="时间"
          width="180"
        >
        </el-table-column>
        <el-table-column
          prop="prop"
          label="类型"
          width="110"
        >
        </el-table-column>
        <el-table-column
          prop="prop"
          label="详情"
          width="width"
        >
        </el-table-column>
        <el-table-column
          prop="prop"
          label="金额"
          width="110"
        >
        </el-table-column>
        <el-table-column
          prop="prop"
          label="状态"
          width="180"
        >
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "wallet",
  data() {
    return {
      detail: [],
    };
  },
};
</script>

<style scoped>
.wallet {
  width: 66.6%;
  margin: 0 auto;
  margin-top: 6.25rem;
}
.info_cls {
  height: 6.25rem;
  border-right: 1px solid lightgray;
}
.txt {
  text-align: center;
  color: #ffcb33;
  font-size: 1.5rem;
}
.account {
  font-size: 2rem;
  text-align: center;
}
.btn_box {
  text-align: center;
  padding-top: 0.9375rem;
}
</style>